.Sta {
  .grid-content:nth-of-type(1),
  .grid-content:nth-of-type(2) {
    margin-right: 10px;
  }

  .left {
    #left-top {
      width: inherit;
      height: 40vh;
      margin-bottom: 30px;
    }
    #left-bottom {
      width: inherit;
      height: 40vh;
    }
  }

  .mid {
    .title {
      font-size: 40px;
      font-weight: 700;
      text-align: center;
      margin-bottom: 20px;
      h5 {
        color: #409eff;
      }
      h4 {
        color: #ffd341;
      }
    }
    .el-row {
      margin-bottom: 20px;
      &:last-child {
        margin-bottom: 0;
      }
    }
    .el-col {
      border-radius: 4px;
    }
    .local-confirm {
      background-color: #fff2ea;
    }
    .now-confirm {
      background-color: #ffecec;
    }
    .confirm {
      background-color: #ffe9e9;
    }
    .now-severe {
      background-color: #fdecff;
    }
    .import {
      background-color: #e6edfd;
    }
    .dead {
      background-color: #e6f0f7;
    }

    .grid-content {
      border-radius: 4px;
      min-height: 80px;
      height: 130px;
      text-align: center;
      overflow: hidden;
      .add {
        margin-top: 10px;
        font-size: 18px;
        color: #7c7c7c;
      }
      .number {
        font-size: 30px;
        font-weight: 700;
        margin: 5px 0 10px 0;
      }
      .text {
        font-size: 20px;
      }
    }
  }

  .right {
    #right-top {
      width: inherit;
      height: 40vh;
      margin-bottom: 10px;
    }
    #right-bottom {
      width: inherit;
      height: 40vh;
      margin-top: 10vh;
      .right-body {
        margin: 0 auto;
        font-size: 20px;
        font-weight: 500;
        .high-risk,
        .mid-risk {
          display: inline-block;
          width: 86%;
          height: 10vh;
          line-height: 10vh;
          padding-left: 30px;
          border-radius: 4vh;
          .detail {
            float: right;
            padding-right: 20px;
            font-size: 16px;
            font-weight: 700;
          }
        }
        .high-risk {
          background-color: #f7b4b4be;
          margin: 3vh 0 4vh 0;
          .num {
            color: #00ff55;
          }
        }
        .mid-risk {
          background-color: #fce4ad;
          .num {
            color: rgb(255, 0, 21);
          }
        }
      }
    }
  }
}
